Welcome to Css!

1.07 外部样式

外部样式需要一个单独的css文件书写css样式

在head标签模块中使用link标签把单独的css文件关联起来

在同一个页面可以引用多个css文件

1、新建一个css文件:a107.css

#laoliu{

color:blue;

font-size:28px;

}

2、html代码填入:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<link rel="stylesheet" type="text/css" href="a107.css" />

<!--<link rel="stylesheet" type="text/css" href="./a104.css" /> //结果同上-->

<!--link:引入外部文件;-->

<!--rel:定义当前文档与被链接文档间的关系;-->

<!--type:定义被链接文档的mime类型;-->

<!--href:定义被链接文档的路径;-->

</head>

<body>

<div id="laoliu" >

这是外部样式

</div>

</body>

</html>

返回值: